Architectural Improvements

• Eliminated Global State: The map is now a fully self-contained React component. State is managed predictably within the component's lifecycle using hooks (useState, useRef), removing all module-level global variables.
• Centralized Logic & Reliability: All map operations, including initialization and drawing, are now handled reliably within useEffect hooks. Expensive calculations are memoized with useMemo for improved performance.
• Improved Maintainability: The new architecture is more robust, easier to debug, and simpler to extend.

Code Organization
All map toggle logic, including UI configuration and rendering handlers, has been consolidated into a new src/MapToggles.js module. This makes App.js and Map.js cleaner and establishes a single source for this feature.